<!DOCTYPE html>
<html lang="pt">

<head>
    <meta charset="utf-8"/>
    <link rel="apple-touch-icon" sizes="76x76" href="{{asset('favicon.ico')}}">
    <link rel="icon" type="image/x-icon" href="{{asset('favicon.ico')}}">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>
        {{env('APP_NAME')}}
    </title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
          name='viewport'/>
    <!--     Fonts and icons     -->
    <link rel="stylesheet" type="text/css"
          href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
    <!-- CSS Files -->
    <link href="{{ mix('css/dashboard.css') }}" rel="stylesheet"/>
</head>
<body class="{{ $class ?? '' }}">
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
    @csrf
</form>
@if (auth()->check() && !in_array(request()->route()->getName(), ['welcome', 'page.pricing', 'page.lock', 'page.error']))
    @include('layouts.page_templates.auth')
@else
    @include('layouts.page_templates.guest')
@endif


<!--   Core JS Files   -->
<script src="{{mix('js/material.js')}}"></script>
<!--  Google Maps Plugin    -->
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>

<script>

    $(document).ready(function () {
        @if (session('status'))
        $.notify({
            icon: "done",
            message: "{{ session('status') }}"
        }, {
            type: 'success',
            timer: 3000,
            placement: {
                from: 'top',
                align: 'right'
            }
        });
        @endif


    });
</script>
@stack('js')
</body>

</html>